@charset "utf-8";
/* 
一.selector 命名规范：
命名除 .fn- / .ui- / .sl- 外，可自定义命名。请慎用 selected current disabled first last success error
一般情况下，如果命名比较通用，比如 current，请限定在相应的上下文环境中。比如其父节点ID为#parent 等比较通用的命名，建议写成 #parent .current{}，而非 .current{}，即使是为了重用，也应该注意。只有在非常明确不会影响到其他组件工作，并且其他人不会写这种命名的情况下，才让它变成全局通用的。
作为JS接口的class或者ID，必须是以 J- 前缀开头的。除 JS 接口命名外，其他命名一律使用小写字母 

二.注释，注释文字前后端保持各有一个空格

三.CSS文件
文件编码必须使用utf-8（无BOM）
文件一律通过 link 链入 (NOT @import)
当只是单个页面使用时，才写在 <head> 的 <style> 中

四.通用 Hack

.all-IE{property:value\9;}
:root .IE-9{property:value\0/;}
.gte-IE-8{property:value\0;}
.lte-IE-7{*property:value;}
.IE-7{+property:value;}
.IE-6{_property:value;}
.not-IE{property//:value;}
@-moz-document url-prefix() { .firefox{property:value;} }
@media all and (-webkit-min-device-pixel-ratio:0) { .webkit{property:value;} }
@media all and (-webkit-min-device-pixel-ratio:10000),not all and (-webkit-min-device-pixel-ratio:0) { .opera{property:value;} }
@media screen and (max-device-width: 480px) { .iphone-or-mobile-s-webkit{property:value;} }

五.书写规范
CSS3 书写规范：浏览器私有写法在前，标准写法在后
不强制书写顺序。但我们应该养成良好的习惯，让看代码的人更易理解。易读对于团队协作来说是非常重要的：
1. 框架为先，细节次之
2. 有因才有果

六.组件命名
1.组件整体状态 = 组件名 + 状态
常用的状态有：hover, current, selected, disabled, focus, blur, checked, success, error 等。通常你的命名应该看起来像 .ui-name-hover, .ui-name-error 这样。

2.组件模块 = 组件名 + 模块名
常用模块名有：cnt(content), hd(header), body(bd), footer{ft}, text(txt), img(images/pic),item, cell 等，只要词义表达了组件要实现的功能或者要表现出来的的外观就可以了。
*/

/********** 全局 **********/

/* 全局文字 */
.fs12 { font-size:12px; }
.fs14 { font-size:14px; }
.fs16 { font-size:16px; }
.fs18 { font-size:18px; }
.fs20 { font-size:20px; }
.fs22 { font-size:22px; }
.fs26 { font-size:26px; }
.fs28 { font-size:28px; }
.font-yahei { font-family: \5FAE\8F6F\96C5\9ED1, sans-serif; font-weight:normal; }
.font-simsun { font-family: \5b8b\4f53, sans-serif; font-weight:normal; }
.font-arial { font-family: Arial, Helvetica, sans-serif; font-weight:normal; }
.font-verdana { font-family: Verdana, Geneva, sans-serif; font-weight:normal; }
.fw-bold { font-weight:bold; }
/* 全局颜色 */
a { color:#666; }
a:hover { color:#0776B8; }
.warp { background:#F9F9ED; }
.rc { color: #EE2266; }
.bc { color: #55AADD; }
.yc { color: #EE6633; }
.gc { color: #999999; }
.gc6 { color: #666666; }
.bg-red { background: #FEF7FA; }
.bg-blue { background: #F8FCFF; }
.bg-gray { background: #F3F3F3; }
/* 全局布局 */
.w960 { width:960px; margin:0 auto; }
.main { width:960px; margin:0 auto; }
.m0 { margin:0!important; }
.ml5 { margin-left:5px!important; }
.m10 { margin:10px!important; }
.m20 { margin:20px!important; }
.mr5 { margin-right:5px!important; }
.mlr5 { margin-left:5px!important; margin-right:5px!important; }
.ml8 { margin-left:8px!important; }
.mr8 { margin-right:8px!important; }
.mlr8 { margin-left:8px!important; margin-right:8px!important; }
.ml10 { margin-left:10px!important; }
.mr10 { margin-right:10px!important; }
.mlr10 { margin-left:10px!important; margin-right:10px!important; }
.mb10 { margin-bottom:10px!important; }
.pb0 { padding-bottom:0!important; }
.noline, .noline:hover { text-decoration:none; }
.pointer { cursor:pointer; }
/********** 模块 **********/

/* 布局 sl-layout */
/*
 * @name: 弧形渐变分割线
 * @overview: 风格
 * @require: null
 */ 
.ui-arcline { position:relative; height:20px; border-bottom:1px solid #DDD\9; background:none; }
.ui-arcline :after { content:""; display:block; height:8px; width:100%; position:absolute; top:15px; left:0; background: -moz-radial-gradient(center, ellipse cover, #c8c8c8 10%, #FFFFFF 75%); /* FF3.6+ */ background: -webkit-radial-gradient(center, ellipse cover, #c8c8c8 10%, #FFFFFF 75%); /* Chrome10+,Safari5.1+ */ background: -o-radial-gradient(center, ellipse cover, #c8c8c8 10%, #FFFFFF 75%); /* Opera 12+ */ background: -ms-radial-gradient(center, ellipse cover, #c8c8c8 10%, #FFFFFF 75%); /* IE10+ */ background: radial-gradient(center, ellipse cover, #c8c8c8 10%, #FFFFFF 75%); /* W3C */ display:none\9; }
.ui-arcline :before { content:"▼"; line-height:20px; font-size:18px; display:block; height:5px; width:100%; position:absolute; top:15px; left:0; background:#FFF; z-index:1; display:none\9; }
/*
 * @name: 自适应图文混排
 * @overview: 图文
 * @require: null
 */ 
.ui-mod-warp { margin-right:-20px; }
.ui-mod { width:468px; margin:0 20px 15px 0; }
.ui-mod-hd h3 { line-height:25px; height:25px; font-weight:bold; font-size:14px; color:#3e3e3e; padding:5px 0 5px 15px; }
.ui-mod-bd { padding:8px 5px 8px 15px; font-size:12px; }
.ui-mod-img { float:left; margin-right:5px; _margin-right:7px; }
.ui-mod-txt { display:table-cell; #zoom:1;
color:#555; padding:0 10px; line-height:1.6; }
.ui-mod-con .ui-mod-txt:after { clear: both; display: block; visibility: visible; overflow: hidden; height: 0 !important; line-height: 0; font-size: xx-large; content: " x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x "; }
.ui-mod-txt p { height:173px; overflow:hidden; }
.ui-mod-bar { margin-top:15px; line-height:32px; }
.ui-mod-bar .btn { float:left; display:inline; margin-right:5px; }
.ui-mod-open { float:right; font-weight:bold; }
.ui-mod-open:hover { text-decoration:none; }
/* 头部 */
.header { background:#FFF; }
#site-nav { background:#EEE; min-width: 960px; height:30px; box-shadow: 0 2px 0 rgba(0, 0, 0, 0.12); }
#site-nav-bd { height:30px; line-height:26px; position:relative; }
.site-toplink { position:absolute; top:1px; right:5px; }
.site-toplink a { padding:0 5px; }
#logo-bar { background:#49C5EB url("../images/logo-bar.png") no-repeat scroll center 0; }
.logo-bar-bd, #site-nav-bd, .nav { width:960px; margin:0 auto; }
.logo-bar-bd { position:relative; }
.logo { height:86px; line-height:80px; display:inline-block; *display:inline;
zoom:1; vertical-align:top; position:relative; }
.logo a { font-size:50px; color:#FFF; text-shadow:1px 1px 0 #034869; padding-bottom:10px; }
.logo a:hover { text-decoration:none; }
.logo em { height:16px; font-size:14px; color:#888; position:absolute; top:33px; left:15px; text-shadow:none; }
.nav-bar { background:#1d80bb; border-bottom:1px solid #096297; }
.nav-item { float:left; height:50px; line-height:50px; position:relative; }
.nav-item a { display:inline-block; margin-left:1px; padding:0 26px; height:50px; color:#FFF; text-decoration:none; border-right:1px solid #065399; text-shadow:0 1px 0 rgba(0, 0, 0, .5) }
.nav-item .arrow-top { position:absolute; bottom:-1px; left:42%; }
.nav-item-current a, .nav-item a:hover { background:#0c6da6; border-right:1px solid #0B4E91; }
.tologin { position:absolute; top:30px; right:5px; }
.tologin a { height:32px; line-height:32px; font-size:16px; font-weight:bold; color:#FFF; padding:0 20px; margin-left:10px; text-decoration:none; }
.btn-login { background:#1D80BB; }
.btn-reg { background:#6C0; }
/* 首页主体部分 */
.banner-warp { font-size:0; background:#FFF; margin-top:20px; position:relative; }
#banner { margin:10px 10px 0; }
#banner img { margin:0 !important; }
.promotions { }
.promotions-title { font-size:16px; color:#3E3E3E; padding:8px 0; }
.promotions-list { }
.promotions-list-item { text-align:right; line-height:30px; height:36px; font-size:12px; border-bottom:1px dotted #888; overflow:hidden; }
.promotions-list a { width:260px; text-align:left; color:#3C3C3C; padding:2px; float:left; }
.promotions-list a:hover { color:#0A75C5; text-decoration:none; }
.promotions-num { height:20px; line-height:20px; vertical-align:-1px; margin-right:10px; text-align:center; }
.promotions-list-item .time { color:#666; vertical-align:-4px; }
.bulletin { padding:10px 0; }
.bulletin-title { font-size:14px; color:#FFF; background:#0A75C5; padding:2px 5px; }
.bulletin-list-item a { display:block; width:260px; font-size:12px; line-height:15px; color:#888; padding:1px 10px; }
.buy { margin:20px auto 0; font-size:0; }
.buy-title { padding:10px 0; border-top:1px solid #AAA; }
/* 分类 */
.floor { background:#FFF; margin:20px auto; }
.floor-hd { margin:10px 23px; }
.floor-title { color:#333; }
.floor-nav { color:#666; padding:3px 0 0 10px; }
.floor-nav li { float:left; }
.floor-nav li a { padding:0 3px; }
.floor-bd { font-size:0; position:relative; padding:0 23px; margin-bottom:10px; }
.floor-list1, .floor-list1 li, floor-list2, .floor-list2 li { display:inline-block; *display:inline;
zoom:1; }
.floor-bd li { width:150px; height:170px; overflow:hidden; margin:0 3px 3px 0; }
.floor-list1 { width:306px; float:left; }
.floor-list2 { width:306px; float:right; }
.floor-list1 .big { position:absolute; top:0; left:328px; width:300px; height:343px; }
/* 友情链接 */
.friend-link { border-top:1px solid #AAA; padding:10px 0 0; color:#3e3e3e; margin-top:20px; }
.friend-link-title { font-size:16px; }
.friend-link-list { line-height:30px; color:#888; font-size:0; }
.friend-link-list li { }
.friend-link-list li a { font-size:12px; color:#666; padding:5px 15px; }
.friend-link-list li a:hover { color:#555; text-decoration:underline; }
/* 底部 */
.footer { background:#2b8ac2; color:#FFF; }
.about { line-height:1.6; padding:0 30px; }
.about p { width:380px; font-size:12px; text-align:left; }
.about h5 { font-size:14px; padding-bottom:10px; text-shadow:0 -1px 0 #323232; }
.footer-nav { font-size:0; text-align:center; padding:20px 10px; }
.footer-nav-item { }
.footer-nav-item dt, .footer-nav-item dd { display:block; padding:0 30px; }
.footer .footer-nav a { color:#FFF; }
.footer .footer-nav dt { font-size:14px; font-weight:bold; padding-bottom:5px; text-shadow:0 -1px 0 #323232; }
.footer .footer-nav dd { padding-top:10px; font-size:12px; }
.footer-end { text-align:center; background:#F9F9ED; color:#666; border-top:1px solid #005B88; }
.footer-end-nav { margin:0 auto; color:#888; }
.footer-end-nav a { display:inline-block; *display:inline; zoom:1; width:60px; margin:10px; }
.copyright { padding-bottom:10px; }
/*
 * @name: 品购汇分类标签
 * @overview: 标签
 * @require: null
 */ 
.tag-book { font-size:0; width:230px; margin:0 10px 20px 0; vertical-align:top; }
.tag-book .hd { margin:10px 0 0 10px; font-weight:bold; color:#3A3A3A; }
.tag-book .bd { text-align:center; color:#DDD; line-height:14px; margin-bottom:3px; }
.tag-book .bd span { z-index:100; }
.tag-book .tag-list, .tag-book .sub-tag-list { padding: 5px 10px 10px; text-align: center; }
.tag-list li, .sub-tag-list li { font-size:12px; display:inline-block; *display:inline;
zoom:1; margin:8px 3px; }
.sub-tag-list { background:#FAFAFA; }
.tag-list li a, .sub-tag-list li a { display:inline-block; *display:inline;
zoom:1; height:26px; line-height:26px; border:1px solid #DDD; }
.tag-list li a:hover, .sub-tag-list li a:hover { background:#FBFCFF; text-decoration:none; }
.tag-list li a { color:#333; background:#EFEFEF; border-color:#CCC; border-radius:16px; padding:0 10px; }
.sub-tag-list li a { background:#FFF; padding:0 6px; border-radius:5px; }
.tag-list li a.focus, .sub-tag-list li a.focus { background:#659AD6; color:#FFF; border-color:#5088c8; }
/* 喜欢的标签 */
.love-tag { margin-top:20px; padding:10px; }
.love-tag .hd { font-weight:bold; color:#333; margin-bottom: 10px; }
.love-title { height:30px; line-height:30px !important; }
.love-tag .hd a { font-weight:normal; font-size:12px; }
.love-tag .love-tag-list { background:none; font-size:0; }
.love-tag .love-tag-list li { display:inline-block; *display:inline;
zoom:1; font-size:12px; margin:8px 6px; }
.love-tag .love-tag-list li a { padding:1px 13px; height:26px; line-height:26px; display:inline-block; border:1px solid #DDD; border-radius:3px; background:#FFEFEC; position:relative; }
.love-tag .love-tag-list li a:hover { text-decoration:none; background:#FDE1D9; }
.love-tag .love-tag-list li a.focus { color:#666; border-color:#DDD; }
.love-tag .love-tag-list a .love-tag-close { font-size:14px; display:none; }
.love-tag .love-tag-list a:hover .love-tag-close { display:inline; position:absolute; top:-8px; right:2px; color:#F55432; cursor:pointer; }
/*
 * @name: 品购汇产品列表
 * @overview: 列表
 * @require: null
 */
.waterfall-warp { margin-right:-10px; margin-top:20px; }
.waterfall { vertical-align:top; }
.waterfall .waterfall-item { width:210px; padding:10px; margin:0 10px 20px 0; text-align:center; }
.waterfall-img img { width:210px; }
.waterfall-tag a { }
.waterfall-info { margin:0 5px; line-height:50px; }
.waterfall-txt { margin:5px; padding:8px 0 0; border-top:1px dotted #CCC; text-align:left; color:#888; }
.waterfall-txt:hover { color:#666; }
/* 评测封面列表 */
.waterfall-title { margin:10px 0; font-weight:normal; color:#333; }
.waterfall-brand { text-align:left; }
.waterfall-brand img { display:block; margin-bottom:5px; }
.waterfall-stat .btn { float:none; display:block; margin:8px 0 16px; }
/*
 * @name: 评测文字列表页
 * @overview: 列表
 * @require: null
 */
.ac-list { background:#FFF; border-radius: 5px; box-shadow: 0 1px 3px rgba(50, 50, 50, 0.2); border:1px solid #DDD; padding: 20px; margin:0 0 20px; }
.ac-list-item { border-bottom:1px dashed #CCC; padding-bottom:20px; margin-bottom:15px; }
.ac-hd { display: table; padding: 5px; position:relative; }
.ac-avatar, .ac-header { display: table-cell; *display:inline-block;
*display:inline;
zoom:1; vertical-align: middle; }
.ac-avatar { text-align:center; }
.ac-avatar img { border: 1px solid #888888; height: 50px; width: 50px; }
.ac-avatar .avatar-name { color:#555; line-height:20px; }
.ac-header { padding-left: 15px; width: 100%; *width:530px;
*margin-left:-1px;
}
.ac-title a { font-size: 18px; color:#333; }
.ac-info { font-size: 12px; padding: 10px 0; }
.ac-info, .ac-ft-info span { color: #888888; }
.ac-info span, .ac-ft-info span { padding: 0 5px; }
.ac-ft-info em { padding:0 2px; }
.ac-info a:hover, .ac-info .more:hover { color: #0770A7; text-decoration: underline; }
.ac-text, .ac-share { line-height: 22px; padding: 0 0 10px; text-indent: 2em; font-size:14px; color:#6E6E6E; }
.ac-share dt { text-indent:0; }
.ac-text:hover { color: #555; }
.ac-share p { background:#F6F6F6; margin:10px 0; padding:10px 5px; }
.ac-ft { color:#888; line-height:30px; }
.ac-ft-prev, .ac-ft-next { width:290px; margin-top:10px; }
.ac-mytags { padding:5px 8px; background:#E6E6E6; border-radius:5px; margin:0 0 5px 5px; }
.content-top .ac-text { background:#F8FBFE; padding:10px 5px; margin:10px 0; }
.content-top .ac-text p { font-size:14px; line-height:24px; }
.content-top .avatar-img img { width:90px; height:90px; }
.ac-score { position:absolute; bottom:30px; right:10px; color:#666; }
.ac-score em { padding:0 5px; }
/*
 * @name: 品购汇内容页
 * @overview: 内容
 * @require: null
 */
.container { float: left; width: 650px; overflow:hidden; margin-top:20px; }
.aside { float: right; margin-top:20px; }
.content-top, .content-bottom { background:#FFFFFF; border-radius: 5px; box-shadow: 0 1px 3px rgba(50, 50, 50, 0.2); border:1px solid #DDD; padding: 25px; margin:0 0 20px; position:relative; }
.content-top h2 { border-bottom: 1px dotted #D1D1D1; font-size: 16px; line-height: 1; padding-bottom: 15px; }
.gallery { margin: 15px auto; width: 470px; }
.tags { margin: 0 0 5px 5px; background: #E6E6E6; border-radius: 5px; color: #666; height: 26px; line-height: 26px; overflow: hidden; padding: 5px 8px; white-space: nowrap; }
.tags-focus { background:#FFEFEC; color:#EE6633; font-weight:bold; }
.tags-focus:hover { text-decoration:none; background:#FDE1D9; }
.recommend { background: #FFF3E5; margin: 20px 0; padding: 10px; }
.recommend p { color: #555; line-height: 1.6; margin-top: 5px; white-space: pre-wrap; word-wrap: break-word; }
.comment h3 { border-bottom: 1px dotted #D1D1D1; font-size: 16px; line-height: 1.1; padding: 0 0 10px; margin-bottom:10px; }
.content-top-bar { margin:10px 0; }
.content-info { color:#888; margin-bottom:20px; }
.content-info span { margin:0 10px; }
.content-info em { color:#666; font-weight:bold; }
.aside .block { background: #FFFFFF; border-radius: 5px; box-shadow: 0 1px 3px rgba(50, 50, 50, 0.2); border:1px solid #DDD; margin: 0 0 20px; overflow: hidden; padding: 20px 15px; width: 260px; }
.aside .block h3 { font-size: 16px; line-height: 1; }
.aside .love-tag { padding:0; margin:0; }
/* 侧边栏购买信息 */
.shops { margin: 10px 0 0; overflow: hidden; }
.shops li:hover { background:#F8FCFF; }
.base-info { margin-top:10px; height:36px; line-height:36px; }
.buy-info li { font-family:Arial, Helvetica, sans-serif; border-top: 1px dotted #D1D1D1; height: 26px; line-height: 26px; overflow: hidden; padding: 7px 0; }
.buy-link { float: right; border:1px solid #CCC; padding:0px 5px; text-align:center; border-radius:3px; background:#E6E6E6; color:#666; }
.buy-link:hover { text-decoration:none; }
.buy-info .cola, .buy-info .colb { float: left; }
.buy-info .cola { padding: 0 0 0 5px; width: 130px; }
.buy-info .colb { color: #666666; text-align: right; padding-left:5px; }
.buy-info .colc { float: right; padding: 0 5px 0 0; width: 75px; height: 26px; line-height: 26px; }
/* 主体购买信息 */
.buyit-title { border-bottom:1px dotted #CCC; padding-bottom:10px; }
.buyit { margin:10px 0 0; }
.buyit li { border-top: 1px dotted #D1D1D1; height: 26px; line-height: 26px; margin-top: -1px; padding: 10px; }
.buyit .th li { background: #F3F3F3; border-bottom: 0 none; padding: 5px 10px; }
.buyit .th span { color: #333333; font-weight: bold; }
.buyit .cola, .buyit .colb { float: left; }
.buyit .cola { width: 280px; }
.buyit .colb { color: #666666; text-align: center; width: 100px; }
.buyit .colc { float: right; text-align:center; width:70px; }
.cons-more { color:#666; padding:0 5px; font-weight:bold; }
/*
 * @name: 当前位置导航
 * @overview: 一般导航
 * @require: null
 */   
.location-nav { margin:10px auto 0; width:960px; height:30px; line-height:30px; border:1px solid #CCC; color:#666; box-shadow: 0 1px 2px rgba(30, 30, 30, .15); border-radius:3px; background: #E5E5E5; background: -webkit-gradient(linear, left top, left bottom, from(#FDFDFD), to(#E5E5E5)); background: -moz-linear-gradient(top, #FDFDFD, #E5E5E5); background: -o-linear-gradient(top, #FDFDFD, #E5E5E5); background: linear-gradient(top, #FDFDFD, #E5E5E5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FDFDFD', endColorstr='#E5E5E5');
}
.location-nav a { font-size:12px; padding:0 10px; color:#555; vertical-align:5px; }
.location-nav span { font-size:26px; color:#CCC; font-family:simsun, sans-serif; }
/*
 * @name: 导航
 * @overview: 一般导航
 * @require: null
 */  
.cat-nav-warp { border:1px solid #DDD; border-top:0 none; background:#FFF; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); }
.cat-nav-item { float:left; margin:0 20px 0 10px; }
.cat-nav-item a { font-size:14px; border-bottom: 5px solid white; border-top: 5px solid white; float: left; height: 30px; line-height: 30px; padding: 0 5px; margin-top:1px; }
.cat-nav-item a:hover, .cat-nav-item-current a { border-bottom-color:#1D80BB; color:#1D80BB; text-decoration:none; }
/*
 * @name: 标题
 * @overview: 有其他内容包含在内的标题
 * @require: null;
 */
.ui-title { }
.ui-title-cnt { }
.ui-title-subcnt { }
/*
 * @name: 步骤
 * @overview: 用户操作步骤
 * @require: null
 */
.ui-step { }
.ui-step-item { }
.ui-step-current { }
/* 可能还会需要 */
.ui-step-item-first { }
.ui-step-item-last { }
/*
 * @name: 列表
 * @overview: 一般列表样式
 * @require: null;
 */
.ui-list { }
.ui-list-item { }
.ui-list-item-hover { }
/*
 * @name: 重复元素
 * @overview: 重复出现的元素，我们通常用这种方法来写，这样也会方便JS操作
 * @require: null
 */
.ui-repeater { }
.ui-repeater-item { }
.ui-repeater-current { }
/* 
 * @name: ui-dropdown 
 * @overview: 通用下拉框
 * @require: null
 */
.ui-dropdown { }
.ui-dropdown-header { }
.ui-dropdown-container { }
/* status */
.ui-dropdown-active .ui-dropdown-header { }
.ui-dropdown-active .ui-dropdown-container { }
/*
 * @name: 分页
 * @overview: 通用分页
 * @require: null
 */
.ui-page { text-align:right; margin:10px; line-height:30px; height:30px; }
.ui-page-item { display:inline-block; *display:inline;
zoom:1; vertical-align:middle; border:1px solid #DDD; padding:0 11px; color:#555; font-size:12px; background:#FFF; font-family: tahoma, sans-serif; }
.ui-page-item-current { background:#0099CC; color:#FFF; font-weight:bold; }
.ui-page-item-current:hover, .ui-page-item:hover { background:#0099CC; color:#FFF; text-decoration:none; }
.ui-page-item-info { border:0 none; color:#AAA; background:none; }
.ui-page-item-info:hover { background:none; color:#888; }
/*
 * @name: 个人中心
 * @overview: 个人中心
 * @require: null
 */
.content { background:#FFFFFF; border-radius: 5px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); border:1px solid #DDD; margin:20px auto; position:relative; }
.side-nav { background:#f0f5f8; padding:10px 0 10px 10px; box-shadow:-3px 0 3px 0 rgba(18, 63, 89, .15) inset; }
.side-nav h2 { padding:0 0 10px; font-size:16px; color:#333; border-bottom:1px dotted #BBB; }
.side-nav-list li { display:inline; }
.side-nav-list li a { display:block; padding:0 30px 0 25px; border-left:5px solid #f0f5f8; font-size:14px; /*height:30px; 会触发IE 宽度不一致bug*/ line-height:30px; margin:8px 0; color:#555; text-shadow:0 1px 0 #EEE; }
.side-nav-list li a:hover { border-left:5px solid #FFF; text-decoration:none; background:#FFF; }
.side-nav-list li a.on { background:#FFF; border-left:5px solid #1D80BB; box-shadow:3px 1px 3px 0 rgba(0, 0, 0, .3) inset; color:#333; }
.main-content { }
.user-pic { padding:30px; }
.user-info { font-size:14px; color:#555; padding:30px 100px 30px; }
.user-info dd { padding:10px 0; }
.user-info strong { color:#C30; padding:0 5px; }
#thePhoto { height:180px; width:180px; margin-bottom:10px; }
/* 
 * @name: 购物单
 * @overview: 购物单列表
 * @require: null
 */
.parity-warp { margin:20px; }
.parity-title { font-size:16px; }
.parity { height:100%; border: 1px solid #E6E6E6; margin:20px 0; }
.parity .parity-info { text-align: center; width: 200px; padding:10px; }
.parity-ft { height:30px; line-height:30px; margin-top:5px; padding-top:10px; border-top:1px dashed #CCC; }
.parity-time { color:#888; font-size:14px; padding-left:10px; }
.parity .figure, .parity .figure a { display: block; height: 150px; margin: 10px auto; text-align: center; vertical-align: middle; width: 150px; }
.parity img { max-height: 150px; max-width: 150px; }
.parity h3 { color: #999999; font-size: 12px; margin: 0 3px; overflow: hidden; text-align: center; }
.parity .item_price { margin-left: 190px; }
.parity-grid table { height:100%; }
.parity-grid { border-collapse: separate; border-top: 1px solid #FFFFFF; padding: 0; }
.parity-grid thead th { background:#F5F5F5; border-bottom:1px solid #AAA; border-top:1px solid #E6E6E6; border-left: 1px solid #E6E6E6; color: #333333; text-align: center; }
.parity-item { border:1px solid red; }
.parity-grid td { border-bottom: 1px solid #E6E6E6; border-left: 1px solid #E6E6E6; height: 40px; line-height: 40px; text-align: center; vertical-align: middle; }
.parity-grid td.store { font-size: 14px; width: 190px; }
.parity-grid td.storerank { width: 150px; font-size:14px; font-family:Verdana, Geneva, sans-serif; }
.parity-grid td.store, .parity-grid td.storeprice { }
.parity-grid td.storeprice { padding-left: 10px; width: 180px; }
.parity-grid td.storelink { width: 170px; }
.parity-grid td.summary { border-left: 1px solid #E6E6E6; padding-left: 10px; text-align: left; }
.parity-grid td.storeprice { padding-left: 10px; width: 180px; }
.parity-grid tfoot td { border: medium none; }
.parity-grid .thead { border-bottom:2px solid #aaa; height: 30px; line-height: 30px; }
.parity-grid .highprice { background:#F9FBFD; }
.parity-grid tbody tr:nth-child(2n+1) td {
 background: #F9FBFD;
}
.parity-grid-on { background:#F9FBFD; }
.parity-grid .price { font-family:Verdana, Geneva, sans-serif; font-size:16px; color:#333; }
/* 
 * @name: 通用内容页 
 * @overview: 全站通用内容页
 * @require: null
 */
.unl-warp .side-nav { }
.unl-content { }
.unl-hd { height:30px; line-height:30px; }
.unl-hd .unl-title { font-size:18px; color:#333; border-bottom:1px dashed #CCC; padding:10px 0; text-align:center; }
.unl-bd { margin:20px 0; padding:20px; padding-left:160px; }
.unl-bd p { font-size:14px; line-height:24px; color:#555; text-indent:2em; padding:10px 0; }
/* 
 * @name: ui-tip 
 * @overview: 通用对话框, 通常是 position:absolute 的
 * @require: null
 */
.ui-tip { }
.ui-tip-cnt { }
/* 
 * @name: ui-message 
 * @overview: 通用提示,通用对话框, 通常是 position: relative 的
 * @require: null
 */
.ui-message { }
.ui-message-cnt { }
/* status */
.ui-message-error { }
.ui-message-warn { }
.ui-message-success { }
/* 
 * @name: 表单项 
 * @overview: 通用文本输入框
 * @require: null
 */
.ui-input { cursor:text; }
/* status */
.ui-input-hover { }
.ui-input-focus { }
.ui-input-disabled { }
.ui-label { }
/* status */
.ui-label-hover { }
.ui-label-focus { }
.ui-textarea { word-break:break-word; word-wrap:break-word; cursor:text; }
/* status */
.ui-textarea-hover { }
.ui-textarea-disabled { }
/* 
 * @name: fm 
 * @overview: 通用表单
 * @require: ui-input,ui-button
 */
.reg-warp, .login-warp { width:520px; margin:0 auto; padding:25px; background:#FFF; }
.login-warp { width:400px; }
.from { border-right:1px solid #DDD; padding-right:20px; }
.from-title, .sidebar-title { padding:0 0 10px; font-size:16px; color:#333; }
.from-title { border-bottom:1px dotted #BBB; margin-bottom:20px; padding-left:10px; }
.sidebar-title { color:#666; }
.sidebar { margin:10% 0 0 20px; text-align:center; word-wrap: normal; white-space:nowrap; }
form#reg .fm-item { padding: 0 20px 15px 100px; }
form#login .fm-item { padding: 0 20px 20px 70px; }
.fm-part { padding-top: 15px; }
.fm-item .i-text { vertical-align: middle; border-radius:3px; }
.fm-item .com-search .i-text, .fm-item .c-editable .i-text { }
.fm-item .fm-label { float: left; font-size: 14px; margin-left: -180px; padding-top: 6px; text-align: right; width: 180px; }
.fm-label .required { color: #FF0000; font-family: SimSun; font-size: 14px; margin-right: 6px; }
.fm-item .i-text { color: #000; font-size: 14px; }
.i-text { border: 1px solid #9C9C9C; }
input.i-text { padding: 6px 2px; width: 180px; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.i-text:hover, .i-textarea:hover { border-color:#555; }
.i-text:focus, .i-textarea:focus { border-color:#68ACFF; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 0 6px rgba(82, 168, 236, 0.5); outline:0 none; }
.fm-item span.t-explain { font-size: 12px; margin-left: 8px; }
.fm-item div.t-explain { font-size: 12px; }
.fm-item .fm-explain { color: #999; font-size: 12px; padding: 5px 0 0; width:270px; }
.fm-license .fm-label, .fm-remember .fm-label { margin:0; font-size:12px; float:none; vertical-align:3px; }
/* 
 * @name: ui-tab 
 * @overview: 通用tab
 * @require: null
 */
.ui-tab { }
.ui-tab-trigger { }
.ui-tab-trigger-item { }
.ui-tab-trigger-item-current { }
.ui-tab-cnt { }
.ui-tab-cnt-item { }
.ui-tab-cnt-item-current { }
/*
 * @name: 表格
 * @overview: 通用列表
 * @require: null;
*/
.ui-table { }
/*
 * @name: 箭头
 * @overview: 通用箭头
 * @require: null;
*/
.arrow-top { border-bottom: 8px solid #FFFFFF; border-left: 8px dashed transparent; border-right: 8px dashed transparent; height: 0; width: 0; }
.arrow-bottom { border-top: 8px solid #FFFFFF; border-left: 8px dashed transparent; border-right: 8px dashed transparent; height: 0; width: 0; }
/* 
 * @name: btn
 * @overview: 通用按钮
 * @require: null
 */
.ui-button { }
.ui-button-text { }
.ui-button .ui-icon { }
.ui-button-icon-left { }
.ui-button-icon-left .ui-icon-rarr { }
.ui-button-icon-left .ui-button-text { }
.ui-button-icon-right { }
.ui-button-icon-right .ui-icon-rarr { }
.ui-button-icon-right .ui-button-text { }
/* status */
.ui-button-hover { }
.ui-button-disabled { }
.ui-state-selected { }
.btn { cursor:pointer; font-family: \5b8b\4f53, sans-serif; border-radius:.3em; display: inline-block; *display: inline;
zoom: 1; vertical-align:middle; text-align: center; letter-spacing:1px; white-space:nowrap; text-decoration: none; line-height:1; margin: 0 2px; padding: 8px !important; box-shadow: 0 1px 2px rgba(0, 0, 0, .2); }
.btn:hover { text-decoration: none; color:#FFF; box-shadow: 0 0 2px rgba(0, 0, 0, .2); }
.btn:focus { outline:1px dotted #CCC; }
.btn-bigrounded { border-radius: 2em; }
.btn-larger { font-size:16px; font-weight:bold; padding:12px; letter-spacing:normal; }
.btn-medium { font-size: 12px; padding:10px !important; }
.btn-small { padding:5px !important; }
/* white */
.btn-white { color: #555; border: solid 1px #CCC; background: #E5E5E5; background: -webkit-gradient(linear, left top, left bottom, from(#FDFDFD), to(#E5E5E5)); background: -moz-linear-gradient(top, #FDFDFD, #E5E5E5); background: -o-linear-gradient(top, #FDFDFD, #E5E5E5); background: linear-gradient(top, #FDFDFD, #E5E5E5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FDFDFD', endColorstr='#E5E5E5');
}
.btn-white:hover { color:#505050; border-color: #BBB; background: #EDEDED; background: -webkit-gradient(linear, left top, left bottom, from(#E5E5E5), to(#FDFDFD)); background: -moz-linear-gradient(top, #E5E5E5, #FDFDFD); background: -o-linear-gradient(top, #E5E5E5, #FDFDFD); background: linear-gradient(top, #E5E5E5, #FDFDFD); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#E5E5E5', endColorstr='#FDFDFD');
}
.btn-white:active { box-shadow: 0 0 6px #CCC inset; }
/* blue */
.btn-blue { color: #FFF; border: 1px solid #2580bc; box-shadow: 0 1px 2px rgba(0, 53, 83, .3); text-shadow:0 0 0 transparent, 0 1px 0 rgba(0, 0, 0, .3); background: #3f97cf; background: -webkit-gradient(linear, left top, left bottom, from(#6fbaea), to(#1f83ba)); background: -moz-linear-gradient(top, #6fbaea, #1f83ba); background: -o-linear-gradient(top, #6fbaea, #1f83ba); background: linear-gradient(top, #6fbaea, #1f83ba); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6fbaea', endColorstr='#1f83ba');
}
.btn-blue:hover { box-shadow: 0 -1px 2px rgba(0, 53, 83, .3); text-shadow:0 0 0 transparent, 0 -1px 0 rgba(0, 0, 0, .3); background: #80c7f3; background: -webkit-gradient(linear, left top, left bottom, from(#2f8fc3), to(#6fbaea)); background: -moz-linear-gradient(top, #2f8fc3, #6fbaea); background: -o-linear-gradient(top, #2f8fc3, #6fbaea); background: linear-gradient(top, #2f8fc3, #6fbaea); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f8fc3', endColorstr='#6fbaea');
}
.btn-blue:active { box-shadow: 0 0 6px #08598a inset; }
/* red */
.btn-red { color: #FFF; border: solid 1px #ce3d37; text-shadow:0 0 0 transparent, 0 1px 0 rgba(0, 0, 0, .3); background: #BD362F; background: -webkit-gradient(linear, left top, left bottom, from(#EE5F5B), to(#BD362F)); background: -moz-linear-gradient(top, #EE5F5B, #BD362F); background: -o-linear-gradient(top, #EE5F5B, #BD362F); background: linear-gradient(top, #EE5F5B, #BD362F); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EE5F5B', endColorstr='#BD362F');
}
.btn-red:hover { text-shadow:0 0 0 transparent, 0 -1px 0 rgba(0, 0, 0, .3); background: #cd3f37; background: -webkit-gradient(linear, left top, left bottom, from(#c83d35), to(#EE5F5B)); background: -moz-linear-gradient(top, #c83d35, #EE5F5B); background: -o-linear-gradient(top, #2f8fc3, #EE5F5B); background: linear-gradient(top, #c83d35, #EE5F5B); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c83d35', endColorstr='#EE5F5B');
}
.btn-red:active { box-shadow: 0 0 6px #be2e28 inset; }
/* green */
.btn-green { color: #FFF; border: solid 1px #60BF00; text-shadow:0 0 0 transparent, 0 1px 0 rgba(0, 0, 0, .3); background: #87C807; background: -webkit-gradient(linear, left top, left bottom, from(#92D20C), to(#77B900)); background: -moz-linear-gradient(top, #92D20C, #77B900); background: -o-linear-gradient(top, #92D20C, #77B900); background: linear-gradient(top, #92D20C, #77B900); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#92D20C', endColorstr='#77B900');
}
.btn-green:hover { text-shadow:0 0 0 transparent, 0 -1px 0 rgba(0, 0, 0, .3); background: #92D20C; background: -webkit-gradient(linear, left top, left bottom, from(#77B900), to(#92D20C)); background: -moz-linear-gradient(top, #77B900, #92D20C); background: -o-linear-gradient(top, #77B900, #92D20C); background: linear-gradient(top, #77B900, #92D20C); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#77B900', endColorstr='#92D20C');
}
.btn-green:active { box-shadow: 0 0 6px #77B900 inset; }
/* 禁用状态-放置最后 */
.btn-disabled, .btn-disabled:hover { box-shadow: 0 1px 5px rgba(30, 30, 30, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.1); background:#F3F3F3; color:#888; }
.btn-add { box-shadow: 2px 0pt 2px rgba(0, 0, 0, 0.1); *border-right:1px solid #36C;
padding: 8px 5px 8px 0pt; margin-right: 9px; }
/*
 * @name: 等高栏
 * @overview: 通用等高栏组件
 * @require: null;
*/
/* 如果页面不是960px的话,需更改宽度 */
.sl-equalheight { width: 960px;  /* 需重设 */ overflow: hidden; }
/* 等高 */
.sl-equalheight-item { margin-bottom: -9999em; padding-bottom: 9999em; }
/*
	@ name: 禁用中文输入法
	@ require:
	在需要禁用的地方添加: .sl-ime-disabled
*/

.sl-ime-disabled { ime-mode:disabled!important; }
.sl-ime-inactive { ime-mode:inactive!important; }
/*
 * @name: 邮箱提示
 * @overview: 通用邮箱提示组件
 * @require: null;
*/
.out_box { border:1px solid #68ACFF; background:#FFF; }
.list_box { cursor:pointer; padding:3px 10px; color:#666; }
.focus_box { background:#C1DBF2; padding:3px 10px; cursor:pointer; }
.mark_box { color:#EE6633; padding-right:2px; }
/*层叠阴影*/
.under-shadow { border-radius:5px 1px 5px 1px; border:1px solid #CCC; background:#FFF; box-shadow:1px 1px 0 0 #FFFFFF, 2px 2px 0 0 #CCCCCC, 3px 3px 0 0 #FFFFFF, 4px 4px 0 0 #CCCCCC, 5px 5px 0 0 #FFFFFF, 6px 6px 0 0 #CCCCCC, 7px 7px 3px 0 rgba(0, 0, 0, .3), 0 0 3px 0 rgba(0, 0, 0, .3); }
.corner-gradient:before { content:"\200B"; display:block; width:130px; height:130px; position:absolute; right:1px; top:1px; background:-moz-linear-gradient(45deg, rgba(232, 232, 232, 0) 59%, rgba(232, 232, 232, 0.65) 100%); background:-webkit-gradient(linear, left bottom, right top, color-stop(59%, rgba(232, 232, 232, 0)), color-stop(100%, rgba(232, 232, 232, 0.65))); background:-webkit-linear-gradient(45deg, rgba(232, 232, 232, 0) 59%, rgba(232, 232, 232, 0.65) 100%); background:-o-linear-gradient(45deg, rgba(232, 232, 232, 0) 59%, rgba(232, 232, 232, 0.65) 100%); background:-ms-linear-gradient(45deg, rgba(232, 232, 232, 0) 59%, rgba(232, 232, 232, 0.65) 100%); background:linear-gradient(45deg, rgba(232, 232, 232, 0) 59%, rgba(232, 232, 232, 0.65) 100%); }
/*返回顶部按钮*/
.returnTop-box { width:970px; margin: 0 auto; display:none; }
.returnTop { text-align:right; }
.returnTop a { position:fixed; z-index:1000; bottom:150px; margin-right:2px; width:50px; height:50px; background:url(../images/returnTop.png) no-repeat; outline:0 none; text-align:center; }
.returnTop a:hover { background:url(../images/returnTop.png) no-repeat -50px 0; }
